<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 视口标准化 -->
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, minimun-scale=1.0, maximun-scale=1.0, user-scale=no">
    <title>售货机2.0--统计</title>

    <!-- 引入首页样式 -->
    <link rel="stylesheet" href="./css/profit.css">

    <!-- 导入js文件 -->
    <script src="./js/profit.js"></script>
</head>

<body>
    <!-- 管理导航栏 -->
    <section class="nav">
        <!-- 管理左侧 -->
        <a class="left">收益</a>
        <!-- 管理右侧 -->
        <div class="right">|</div>
    </section>

    <!-- 总数据展示栏 -->
    <div class="demo1">
        <div class="li1">累计收益</div>
        <div class="li2">我的余额</div>
        <div class="li3">已提现金额</div>
    </div>

    <!-- 收益流水 -->
    <div class="chart">
        <div class="title">收益流水</div>
        <div class="content">
            <li class="li1">周期</li>
            <li class="li2">数据</li>
        </div>
    </div>

    <!-- 筛选条件 -->
    <div class="condition">
        <div class="content">
            <div class="item1">
                <div class="item1_hd">请选择时间</div>
                <div class="item1_bd">
                    <li class="li1">2022/06/01</li>
                    <li class="li2">2022/06/22</li>
                </div>
            </div>
            <div class="item2">确定</div>
        </div>
    </div>
    <!-- 收益订单 -->
    <div class="order">
        <li class="li1">
            <div class="li1_hd">收益订单</div>
            <div class="li1_bd">2022-06-21 11:23:00</div>
        </li>
        <li class="li1">
            <div class="li1_hd">收益订单</div>
            <div class="li1_bd">2022-06-21 12:23:00</div>
        </li>
        <li class="li1">
            <div class="li1_hd">收益订单</div>
            <div class="li1_bd">2022-06-21 14:23:00</div>
        </li>
        <li class="li1">
            <div class="li1_hd">收益订单</div>
            <div class="li1_bd">2022-06-21 18:23:00</div>
        </li>
    </div>

    <!-- 底部菜单--模块 -->
    <section class="footer">
        <!-- 首页 -->
        <a href="../../index.html"><img src="./images/管理灰.png" alt=""></a>
        <!-- 统计 -->
        <a href="../stati/stati.html"><img src="./images/统计灰.png" alt=""></a>
        <!-- 收益 -->
        <a href="#"><img src="./images/收益蓝.png" alt=""></a>
        <!-- 我的 -->
        <a href="#"><img src="./images/我的灰.png" alt=""></a>
    </section>
</body>

</html>